<%--
  Created by IntelliJ IDEA.
  User: zhouya
  Date: 2019/6/18/0018
  Time: 8:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录界面</title>

    <style>
        #loginform{
            width: 567px;
            height: 295px;
            position: absolute;
            left:35%;
            top:35%;
            background-image:url("../image/login.png");
        }
        .inputBox{
            background: linear-gradient(white, #c4e7f7);
            width: 163px;
            height: 19px;
            border: 1px solid gray;
        }
    </style>
    <script type="text/javascript">
        function change() {
            var imgEle = document.getElementById("img");
            imgEle.src="VerifyServlet?a="+new Date().getTime();
        }
    </script>
</head>
<body bgcolor="#133e70">

<%--<a href="home">前台首页</a>--%>
<button onclick="window.location='../welcome.jsp'">前台首页</button>
<hr/>

<div id="loginform">

    <form action="AdminLoginServlet" method="post"  style="margin-left: 118px;margin-top: 132px">

        <span></span>用户名:
        <input type="text" name="account" value="${account}" id="accountField" class="inputBox"/>
        <span style="color: red; ">${accountMessage}</span>
        <br><br>

        &nbsp;&nbsp;&nbsp;&nbsp;密码:
        <input type="password" name="password" id="passwordField" class="inputBox" />
        <span style="color: red; ">${passwordMessage}</span>
        <br><br>

        验证码:
        <input type="text" name="verify" id="VerifyCodeField" class="inputBox" style="width: 61px" />
        <img onclick="change()" style="position:absolute;margin-left: 5px;width: 50px;height: 20px;" id="img" src="VerifyServlet" />
        <span style="color: red;margin-left: 60px ">${VerifyMessage}</span>

        <br>
        <input type="submit" style="position:absolute;margin-left: 340px;margin-top:-110px;
        width:83px;height:83px;background-image: url('../image/enter.png');" value=""/>
    </form>

</div>

</body>
</html>
